<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>上传剪贴板图片</title>
</head>
<body>
  <div>
    <p>按 Ctrl + V 上传剪贴板图片</p>
  </div>
  <script>
    document.addEventListener('paste', function(event) {
      var items = event.clipboardData.items;
      for (var i = 0; i < items.length; i++) {
        var item = items[i];
        if (item.type.indexOf('image') !== -1) {
          var file = item.getAsFile();

          // 创建FormData对象，将文件和用户名称添加到FormData中
          var formData = new FormData();
          formData.append('multipartFile', file);
          formData.append('clipboardName', 'zj');

          // 发起上传请求
          fetch('http://localhost:8080/clipboard/uploadFile', {
            method: 'POST',
            body: formData
          })
          .then(response => {
            // 处理上传成功的响应
            console.log('文件上传成功');
          })
          .catch(error => {
            // 处理上传失败的情况
            console.error('文件上传失败:', error);
          });

          break;
        }
      }
    });
  </script>
</body>
</html>